	<%@ page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title><g:layoutTitle default="Grails" /></title>
<link rel="stylesheet" href="${resource(dir:'css',file:'main.css')}" />
<link rel="shortcut icon"
	href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
<g:layoutHead />
<g:javascript library="application" />
<style type="text/css">
ul.menubar {
	margin: 0px;
	padding: 00px;
	background-color: #FFFFFF;
	font-size: 100%;
}

ul.menubar .submenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	float: left;
	width: 130px;
}

ul.menubar ul.menu {
	display: none;
	position: absolute;
	margin: 0px;
}

ul.menubar a {
	padding: 5px;
	display: block;
	text-decoration: none;
	color: #777;
	padding: 5px;
}

ul.menu,ul.menu ul {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
	width: 160px; /* Width of Menu Items */
	background-color: #FFFFFF;
}

ul.menu li {
	position: relative;
	list-style: none;
	border: 0px;
}

ul.menu li a {
	display: block;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
	color: #777;
	padding: 5px 10px 5px 5px;
}

ul.menu li sup {
	font-weight: bold;
	font-size: 7px;
	color: red;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li {
	float: left;
	height: 1%;
}

* html ul.menu li a {
	height: 1%;
}
/* End */
ul.menu ul {
	position: absolute;
	display: none;
	left: 159px; /* Set 1px less than menu width */
	top: 0px;
}

ul.menu li.submenu ul {
	display: none;
} /* Hide sub-menus initially */
ul.menu li.submenu {
	background: transparent url(arrow.gif) right center no-repeat;
}

ul.menu li a:hover {
	color: #E2144A;
}
</style>
<script type="text/javascript">
function horizontal() {
 
   var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
    
   for (var i=0; i< navItems.length; i++) {
      if(navItems[i].className == "submenu")
      {
         if(navItems[i].getElementsByTagName('ul')[0] != null)
         {
            navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";}
            navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#FFFFFF";}
         }
      }
   }
 
}
 
</script>

</head>
<body onload="horizontal();">
	<div id="spinner" class="spinner" style="display: none;">
		<img src="${resource(dir:'images',file:'spinner.gif')}"
			alt="${message(code:'spinner.alt',default:'Loading...')}" />
	</div>
	<div id="grailsLogo">
		<a href="#"><img
			src="${resource(dir:'images',file:'logobuscar.png')}" alt="Grails"
			border="0" width="160" height="90" /> </a>
			
			
		<ul id="menu_dropdown" class="menubar">
			<li class="submenu"><a href="http://localhost:8080/buscar/">Home</a>
			</li>
			<li class="submenu"><a href="#">BusCar</a>
				<ul class="menu">
					<li><a href="http://localhost:8080/buscar/busca/list">Buscar
							Veiculos</a>
					</li>
					<li><a href="http://localhost:8080/buscar/servico/list">Buscar
							Serviços</a>
					</li>
				</ul></li>
			<li class="submenu"><a href="#">Minha Conta</a>
				<ul class="menu">
					<li><a href="http://localhost:8080/buscar/login/list">Efetuar
							Login</a>
					</li>
					<li><a href="http://localhost:8080/buscar/cliente/create">Realizar
							Cadastro</a>
					</li>
				</ul></li>
			<li class="submenu"><a href="#">Administração</a>
				<ul class="menu">
				<li><a href="http://localhost:8080/buscar/veiculo/">Manter
							Veículo...</a>
					<li><a href="http://localhost:8080/buscar/parceiro/list">Manter
							Parceiro...</a>
					</li>
					<li><a href="http://localhost:8080/buscar/materia/list">Manter
							Materia...</a>
					</li>
					<li><a href="http://localhost:8080/buscar/propaganda/list">Manter
							Propaganda...</a>
					</li>
				</ul></li>
			<li class="submenu"><a
				href="http://localhost:8080/buscar/login/doLogout.dispatch">Logout</a>
			</li>
			
		</ul>
	</div>
	<g:layoutBody />
</body>
</html>